<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>视频</title>
    <link href="../lib/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="../lib/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>
    <link href="../lib/basic/css/demo.css" rel="stylesheet" type="text/css"/>
    <link href="../home/css/hmstyle.css" rel="stylesheet" type="text/css"/>
    <link href="../home/css/skin.css" rel="stylesheet" type="text/css"/>
    <script src="../lib/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
    <script src="../home/js/vue.min.js"></script>
    <script src="../lib/AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../lib/elementui/1.4.3/theme-default/index.css">
    <script src="../lib/elementui/1.4.3/index.js"></script>
</head>

<body>
<div id="noticeInfo" align="center">
    <!--头 -->
    <header>
        <article>
            <iframe  MARGINWIDTH="0" MARGINHEIGHT="0" height="50px" scrolling="no"  width="100%" src="../home/otherHead.html"></iframe>
        </article>
    </header>
    <div style="width: 80%;">
        <div style="text-align:center;"><p style="color: #1d90e6; font-size: 28px">学习视频</p><br>
            <div style="background-color: red;width: 80%;height: 2px;border: 1px solid red;margin: auto"></div>
            <video id="video1" width="322" style="margin: 30px 0 30px 0;border: solid 1px #DDDDDD" controls>
                <source src="../video/movie.mp4" type="video/mp4" />
                <source src="../video/movie.ogg" type="video/ogg" />
            </video>
           <!-- <br>
            <br>
            <button onclick="playPause()">播放/暂停</button>
            <button onclick="makeBig()">大</button>
            <button onclick="makeNormal()">中</button>
            <button onclick="makeSmall()">小</button>
            <br />
-->
        </div>
        <!--<script type="text/javascript">
            var myVideo=document.getElementById("video1");

            function playPause()
            {
                if (myVideo.paused)
                    myVideo.play();
                else
                    myVideo.pause();
            }

            function makeBig()
            {
//                myVideo.width=1366;
                $("#video1").width(1366);
            }

            function makeSmall()
            {
                myVideo.width=420;
            }

            function makeNormal()
            {
                myVideo.width=860;
            }
        </script>-->
    </div>
</div>
<div>
    <iframe  MARGINWIDTH="0" MARGINHEIGHT="0" height="50px" width="100%" scrolling="no"  src="../home/otherFoot.html"></iframe>
</div>

</body>

</html>

